<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>商品详情</title>
		<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/commons.css" rel="stylesheet" />
		<link href="../css/swiper.min.css" rel="stylesheet"/>
		<link href="../css/goods_v2.css" rel="stylesheet" />
	</head>

	<body>
	<header class="mui-bar mui-bar-nav" id="top1">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<a class="mui-icon mui-pull-right share" href="#topPopover"><img src="../img/more_icon.png" alt="更多"></a>
		<a class="mui-icon mui-pull-right more"><img src="../img/share_icon.png" alt="分享"></a>
	</header>

	<header class="mui-bar mui-bar-nav" id="top2" style="display: none;">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<ul class="top_title">
			<li class="act" id="goods">商品<span></span></li>
			<li id="comment">评价</li>
			<li id="detail">详情</li>
		</ul>
		<a href="#topPopover" style="float: right"><img class="more_w" src="../img/more_h.png" alt="分享" id="share"></a>
		<a style="float: right" id="share2"><img class="share_w" src="../img/share_h.png" alt="更多"></a>
	</header>

	<div class="swiper-container4" id="div1">
		<div class="swiper-wrapper" id="banner">
			<!-- Slides -->
			<!--<div class="swiper-slide">-->
				<!--<a href="#">-->
					<!--<img src="../img/goods.jpg">-->
				<!--</a>-->
			<!--</div>-->
			<!--<div class="swiper-slide">-->
				<!--<a href="#">-->
					<!--<img src="../img/goods.jpg">-->
				<!--</a>-->
			<!--</div>-->
			<!--<div class="swiper-slide">-->
				<!--<a href="pattern.html">-->
					<!--<img src="../img/goods.jpg">-->
				<!--</a>-->
			<!--</div>-->
			<!--<div class="swiper-slide">-->
				<!--<a href="#">-->
					<!--<img src="../img/goods.jpg">-->
				<!--</a>-->
			<!--</div>-->
			<!--<div class="swiper-slide">-->
				<!--<a href="#">-->
					<!--<img src="../img/goods.jpg">-->
				<!--</a>-->
			<!--</div>-->
			<!--<div class="swiper-slide">-->
				<!--<a href="#">-->
					<!--<img src="../img/goods.jpg">-->
				<!--</a>-->
			<!--</div>-->
		</div>
		<!-- Add Pagination -->
		<!--<div class="swiper-pagination4" id="pagination4"></div>-->
	</div>
	<!--轮播图结束-->
		<div class="mui-content" id="goodsBox" style="">

			<!--
                	作者：lwy
                	时间：2017-02-09
                	描述：商品内容区开始
               -->
			<div class="goods-title-box">
				<span></span>
			</div>
			<div class="goods-tips">
				<span class="cash"></span>

			</div>
			<div class="price-box mui-clearfix">
				<div class="price-fl">
					<div class="memberprice" id="memberprice"></div>
					<div class="marketprice" id="marketprice"><span>市场价 </span></div>
				</div>
				<div class="member-tips">会员价</div>
				<div class="integral-box"><img src="../img/integral.png" alt="积分"><span id="integrel"></span></div>
			</div>
			<div class="line"></div>
			<div class="choose-sku">
				<span class="choose">请选择</span>
				<span class="choose-yet"></span>
				<img src="../img/sku_more.png" alt="img">
			</div>
			<div class="line"></div>
			<div class="address-box mui-clearfix">
				<img src= "../img/goods-address-icon.png" alt="地址">
				<sapn class="address"></sapn>
				<a id="phone"><span class="phone"><img src="../img/goods-phone.png" alt="电话"></span></a>
				<span class="phone-line"></span>
			</div>
			<div class="line"></div>
			<div class="rule-box">
				<!--<h3>红包规则</h3>-->
				<!--<h4>红包领取形式</h4>-->
				<!--<p><i></i>此商品在商城可抢红包3244~5244，每天可抢一次，红包方式为随机红包。</p>-->
				<!--<p><i></i>抢红包时间为每天早上八点，用户点击领取红包即可获得。</p>-->
				<!--<h4>使用说明</h4>-->
				<!--<p><i></i>红包可在合作商家直接消费。</p>-->
				<!--<p><i></i>红包累计满100可进行提现。</p>-->
			</div>

			<div class="line"></div>
			<div class="comment-big-box" id="div2">
				<div class="title-box">
					<span class="comment-number">用户评价 <i></i></span>
					<span class="comment-more">
                <b id="shopScore"></b><i></i>
            </span>
					<span class="comment-star" id="comment-star">
                <a id="add_star3" class="add-star3"></a>
                <a id="del_star3" class="del-star3"></a>
						<!--<img src="../img/four-star.jpg" alt="img">-->
            </span>
				</div>

				<div class="keyword-box mui-clearfix">
					<!--<div>最新评价(90)</div>-->
				</div>

				<div class="comment-box">
					<!--<div class="comment">-->
					<!--<div class="comment-user">-->
					<!--<div class="user-img"><img src="../img/comment_h.jpg" alt="头像"></div>-->
					<!--<div class="user-info">-->
					<!--<span class="user-name">助利商城</span>-->
					<!--<span class="user-time">2017-08-30</span>-->
					<!--</div>-->
					<!--<div class="user-star" id="user-star">-->
					<!--<span id="add_star2" class="add-star2"></span>-->
					<!--<span id="del_star2" class="del-star2"></span>-->
					<!--&lt;!&ndash;<img src="../img/four-star.jpg" alt="评分">&ndash;&gt;-->
					<!--</div>-->
					<!--</div>-->
					<!--<div class="comment-detail">-->
					<!--特别好非常好点击撒娇打卡机的房价快速了解到卡里的卡开始来了的境况撒就是空的考拉就上课了打开-->
					<!--</div>-->
					<!--<div class="comment-img-box mui-clearfix">-->
					<!--<div><img src="../img/product1.jpg" alt="img" data-preview-src="" data-preview-group="3" ></div>-->
					<!--<div><img src="../img/product1.jpg" alt="img" data-preview-src="" data-preview-group="3" ></div>-->
					<!--<div><img src="../img/product1.jpg" alt="img" data-preview-src="" data-preview-group="3" ><span class="comment-img-number">8</span></div>-->
					<!--</div>-->
					<!--</div>-->

					<div class="view-all-comment">查看所有用户评价<img src="../img/order-more.png"/></div>
				</div>
			</div>

			<div class="line line2"></div>
			<!--<div class="detail-title"><img src="../img/pull-up.png" alt="">上拉查看图文详情</div>-->
			<div class="goods_detail_box" id="div3">
				<h2 class="shop_detail_title">图文详情</h2>
			</div>
		</div>

	<!--加入购物车浮动-->
	<div class="float-box">
		<div class="link-qq">
			<span><img src="../img/link-qq.png" alt=""></span>
			<a href="http://wpa.b.qq.com/cgi/wpa.php?ln=2&amp;uin=4006016606"><span>联系客服</span></a>
		</div>
		<div class="cart-line"></div>
		<div class="cart">
			<span><img src="../img/cart.png" alt=""></span>
			<span>购物车</span>
		</div>
		<div class="buy">立即购买</div>
		<div class="add-cart">加入购物车</div>
	</div>

	<!--规格选择盒子-->
	<div class="specification_box" style="display: none;">
		<div class="tran_box"></div>
		<div class="specification">
			<div class="colse_spe"><img src="../img/close-spe.png" alt="关闭"></div>
			<div class="top_box mui-clearfix">
				<div class="specification_img">
					<img src="" alt="" id="spe_img">
				</div>
				<div class="specification_info_box">

					<div class="price">¥6488</div>
					<div class="inventory">库存98件</div>
					<div class="code">商品编号：56236564646</div>
				</div>
			</div>
			<div class="detail_box">

			</div>
			<div class="spe_certain">确定</div>
		</div>
	</div>

	<!--右上角弹出菜单-->
	<div id="topPopover" class="mui-popover">
		<div class="mui-popover-arrow"></div>
		<div class="mui-scroll-wrapper">
			<div class="mui-scroll">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell">
						<a href="index.html"><img src="../img/more_index.png" alt="首页">首页</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="search.html"><img src="../img/more_search.png" alt="搜索">搜索</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="userOrder_v2.html"><img src="../img/more_order.png" alt="我的订单">我的订单</a>
					</li>
				</ul>
			</div>
		</div>
	</div>

		<script src="../js/mui.min.js"></script>
		<script src="../js/jquery-1.10.1.min.js"></script>
	    <script src="../js/swiper-3.4.2.jquery.min.js"></script>
	<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	<script src="../js/sha1.js"></script>
	    <script src="../js/common.js"></script>
		<script src="../js/goods_v2.js"></script>
	</body>

</html>